<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix='fmt' %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %> 
<script type="text/javascript">
/**
 * 随机数标记高亮文字
 */
$(function(){
	$("div.productsAsideCategorys div.row a").each(function(){
		var v = Math.round(Math.random()*6);
		if(v == 1){
			$(this).css("color","#87CEFA");
		}
	});
});
</script>
		<!-- 右侧隐藏菜单 -->
<c:forEach items="${categories}" var="c">
	<div cid="${c.id}" class="productsAsideCategorys">
		<c:forEach items="${c.productsByRow}" var = "ps">
			<div class="row">
				<c:forEach items="${ps}" var = "p">
					<c:if test="${!empty p.subTitle}">
						<a href="foreproduct?product.id=${p.id}">
							<c:forEach items="${fn:split(p.subTitle, ' ')}" var="title" varStatus="st">
                                <c:if test="${st.index==0}">
                                    ${title}
                                </c:if>
                            </c:forEach>
						</a>
					</c:if>
				</c:forEach>
				<div class="seperator"></div>
			</div>
		</c:forEach>
	</div>
</c:forEach>